$(document).ready(function () {
  var table = $('table#table').DataTable({
      initComplete: function(settings, json) {
          $("#table").removeClass('dataTable');
          $("#table").parent().addClass('table-responsive');

          $("#table").parent()
              .css('max-height', $(window).height() - $('#query-area').height() - 260)
              .css('height', 'auto') 
              .css('overflow-y', 'visible');

          $("#table").on('change', 'input[type="checkbox"]', function () {
              if($(this).prop('checked')) {
                  $(this).closest('tr').addClass('warning');
              } else {
                  $(this).closest('tr').removeClass('warning');
              }
          });

          // 动态添加搜索条件行间距样式
        $('<style>').text(`#query-area .form-group {margin-bottom: 15px;}`).appendTo('head');

        // 动态添加表头居中样式
        $('<style>').text('#table thead th { text-align: center !important; }').appendTo('head');

        // 添加行点击事件处理
          $("#table tbody").on('click', 'tr', function(e) {
              // 避免点击复选框本身时触发两次
              if (!$(e.target).is('input[type="checkbox"]')) {
                  // 找到当前行的复选框
                  var checkbox = $(this).find('input[type="checkbox"]').first();
                  // 切换复选框状态
                  checkbox.prop('checked', !checkbox.prop('checked'));
                  // 触发change事件以更新行样式
                  checkbox.trigger('change');
              }
          });
      },
    ajax: {
      url: baseUrl + '/datatable',
      data : function(d) {
				var no = $('.search-form').find('input[name="no"]').val();
        var name = $('.search-form').find('input[name="name"]').val();
        d.no = no;
        d.name = name;
				return d;
			}
    },
    
    order: [
      [6, 'desc']
    ],
    columns: [{
      data: 'id',
      sortable: true,
      defaultContent: '',
      'class': 'text-center',
      render: function (data, type, row, meta) {
          return '<input type="checkbox" name="ids" value="' + data + '" style="transform: scale(1.5);"/>'
      }
    },{
      name: 'templateCode',
      data: 'templateCode'
    },{
      name: 'printerCode',
      data: 'printerCode'
    },{
      name: 'seqFromNumber',
      data: 'seqFromNumber'
    },{
      name: 'seqToNumber',
      data: 'seqToNumber'
    },{
      name: 'copies',
      data: 'copies'
    },{ 
      name: 'createdDate',
      data: 'createdDate'
    }, {
      data: "id",
      defaultContent: '',
      sortable: false,
      'class': 'text-center',
      render: function (data, type, row, meta) {
        return ('<div class="btn-group">' +
          '<a class="btn btn-default btn-xs del" title="删除" href="#"><i class="fa fa-trash-o"></i></a>' +
          '</div>' +
          '&nbsp;&nbsp;');
      }
    }]
  });

  table.on('click', '.del', function () {
    var id = table.row($(this).parents('tr')).data().id;
    $("#delForm #ids").val(id);
    if (id) {
      bootbox.confirm("确定要删除数据吗?", function (result) {
        if (result) {
          $("#delForm").submit();
        }
      });
    }
  });
  $(".btn.delAll").on("click", function (e) {
    var ids = [];
    $('#table>tbody input:checked').each(function (i, item) {
      ids.push($(item).val());
    });
    $("#delForm #ids").val(ids.join(","));
    if (ids.length > 0) {
      bootbox.confirm("确定要删除选中的数据吗?", function (result) {
        if (result) {
          $("#delForm").submit();
        }
      });
    } else {
      bootbox.alert("请选择要删除的数据.");
    }
  });

  $(".btn.printAll").on("click", function (e) {
	    var ids = [];
	    $('#table>tbody input:checked').each(function (i, item) {
	      ids.push($(item).val());
	    });
	    $("#printForm #ids").val(ids.join(","));
	    if (ids.length > 0) {
	      bootbox.confirm("确定要本地打印选中的打印任务吗?", function (result) {
	        if (result) {
	          $("#printForm").submit();
	        }
	      });
	    } else {
	      bootbox.alert("请选择要本地打印的数据.");
	    }
  });

  
  $(".btn.cleanAll").on("click", function (e) {
	    var ids = [];
	    $('#table>tbody input:checked').each(function (i, item) {
	      ids.push($(item).val());
	    });
	    $("#cleanForm #ids").val(ids.join(","));
	    if (ids.length > 0) {
	      bootbox.confirm("确定要清除选中的打印任务吗?", function (result) {
	        if (result) {
	          $("#cleanForm").submit();
	        }
	      });
	    } else {
	      bootbox.alert("请选择要清除的数据.");
	    }
  });

  $('.search-form').on("submit", function (e) {
    table.draw();
    //阻止表单submit
    return false;
  });

});
